<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<meta name="format-detection" content="telephone=no"/>
		<title>我的FrozenUI</title>
		<link rel="stylesheet" type="text/css" href="css/frozen.css"/>
		<link rel="stylesheet" type="text/css" href="style.css"/>
	</head>
	<body ontouchstart="">
	<header class="ui-header ui-header-positive ui-border-b">
			<i class="ui-icon-home" ></i>
			<h1>啊啦资讯</h1>
			<i class="ui-icon-unfold"></i>
			<!--<button class="ui-btn">回首页</button>-->
		</header>
		<footer class="ui-footer ui-footer-btn ui-border-t">
			<ul class="ui-tiled ui-footer-btn">
				<li data-href="index.html" class="ui-border-r">
				<i class="ui-icon-home" ></i>
				<div>资讯</div></li>
				<li data-href="explore.html" class="ui-border-r">
				<i class="ui-icon-pc ui-reddot" ></i>
				<div class="">发现</div></li>
				<li data-href="user.html">
				<i class="ui-icon-personal" ></i>	
				<div>我</div></li>
			</ul>
		</footer>
		<section class="ui-container">
			<ul class="ui-list ui-border-tb" style="margin-top: 10px;">
				<li class="ui-border-t">
					<div class="ui-avatar">
						<span style="background-image: url(qq);;"></span>
					</div>
					<div class="ui-list-info">
						<h4 class="ui-nowrap">用户账号名</h4>
					</div>
				</li>
			</ul>
			
			<ul class="ui-list ui-list-link ui-border-tb" style="margin-top: 20px;">
				<li >
					<div class="ui-avatar-s">
						<span style="background-image: url(./icon/comment.png);;"></span>
					</div>
					<div class="ui-list-info ui-border-t">
						<h4 class="ui-nowrap">评论管理</h4>
					</div>
				</li>
				<li >
					<div class="ui-avatar-s">
						<span style="background-image: url(./icon/like.png);;"></span>
					</div>
					<div class="ui-list-info ui-border-t">
						<h4 class="ui-nowrap">我的收藏</h4>
					</div>
				</li>
				<li >
					<div class="ui-avatar-s">
						<span style="background-image: url(./icon/theme.png);;"></span>
					</div>
					<div class="ui-list-info ui-border-t">
						<h4 class="ui-nowrap">主题</h4>
					</div>
				</li>
				<li >
					<div class="ui-avatar-s">
						<span style="background-image: url(./icon/setting.png);;"></span>
					</div>
					<div class="ui-list-info ui-border-t">
						<h4 class="ui-nowrap">设置</h4>
					</div>
				</li>
			</ul>
		</section>
		<script src="lib/zepto.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/frozen.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript">
	
			
			
			//页面跳转
			$('.ui-list li,.ui-tiled li').click(function(){
				if($(this).data('href')){
					location.href = $(this).data('href');
				}
			});
			$('.ui-header .ui-icon-home').click(function(){
				location.href = 'index.html';
			});
			
			
	
			
			
			
		</script>
	</body>
	
</html>


